<template>
  <div>
    <div class="content bg-fff">
      <div class="mt-40">
        <p class="login-p">
          <label for="userName">账号</label>
          <input id="userName" type="text" placeholder="请输入手机号码"/>
        </p>
        <p class="login-p">
          <label for="password">密码</label>
          <input id="password" type="password" placeholder="请输入密码"/>
        </p>
        <div class="login-btn">登录</div>
        <router-link to="/member_login">
          <div class="yzmLogin">手机验证码登录</div>
        </router-link>

      </div>
      <div class="pos">
        <div class="tishi">温馨提示</div>
        <div class="call ">无法登录？请拨打客服电话：<span>400-998-9806</span></div>
      </div>
    </div>
  </div>

</template>

<script>
  export default {
    components: {},
    data(){
      return {};
    },
    mounted(){

    },
    methods: {},
    filters: {}
  }
</script>

<style>

  .mt-40 {
    margin-top: 2rem;
    padding: 0 .75rem;
  }

  .yzmLogin {
    text-align: center;
    font-size: .7rem;
    color: #999;
    margin-top: 1.3rem;
  }
  .pos{
    width: 100%;
    position:fixed;
    bottom:4.6rem;
  }
  .tishi{
    text-align: center;
    color: #777;
    font-size: .6rem;
  }
  .call{
    text-align: center;
    color: #999;
    font-size: .55rem;
  }
  .call span{
    color: #FF9A94;
    border-bottom: 1px solid #FF7871;
  }

</style>


<style scoped>


</style>
